<!-- THREE STEPS TO INSTALL EDITOR: 1. Paste the coding into the HEAD of your HTML document 2. Copy the onLoad event handler into the BODY tag 3. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Copy this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!--Total Java Scripts 99 - Next Step Software--> <!-- Begin var id,pause=0,position=0; function banner() { var i,k,msg=document.form1.message.value; k=(66/msg.length)+1; for(i=0;i<=k;i++) msg+=" "+msg; document.form2.banner.value=msg.substring(position,position+50); if(position++==document.form1.message.value.length) position=0; id=setTimeout("banner()",1000/document.form1.speed.value); } function action() { if(!pause) { clearTimeout(id); pause=1; } else { banner(); pause=0; } } // End --> </SCRIPT> <!-- STEP TWO: Add this onLoad event handler into the BODY tag --> <BODY onLoad="banner()"> <!-- STEP THREE: Put this code into the BODY of your HTML document --> <CENTER> <FORM name="form1"> <TABLE border="3"> <caption>Edit box</caption> <tr><td align="right">Message:</td> <td><input type="text" name="message" value="This is a scroll - a text box scroll. " size="50"></td></tr> <tr><td align="right">Speed:</td> <td><input type="text" name="speed" value="10" size="5"></td></tr> <tr><td align="right">Change:</td> <td><center><input type="button" value=" Click here to make changes take effect" onclick="clearTimeout(id);position=0;banner()"></center></td></tr> </TABLE> </FORM> <p> <hr size="4" width="40%"> <p> <FORM name="form2"> <input type="text" name="banner" size="50"><br> <input type="hidden" value=" Start Banner " onclick="action()"> </FORM> </CENTER> <!-- Script Size: 1.89 KB -->
1998 Copyright (C) Next Step All Rights Reserved